﻿@charset "utf-8";



.contentt{padding:60px 0 40px 0 ; }



.center{

	width:100%;

	min-width: 1264px;

	height:600px;

	position: relative;

	overflow: hidden;

}

.center_area .center .center_top{

	width:100%;

	height:440px;

}

.content_middle{

	height:600px;

    margin:0px auto;

    position:relative;

}

.content_middle:hover .common{

	display: block;

}

.content_middle .common{

	display: block;

	width:50px;

	height: 100px;

	position: absolute;

	z-index: 25;

    top:50%;

    margin-top: -50px;

    display: none;

}

.content_middle .btnLeft{

	opacity: 0.5;

	left:70px;

	background: url(sprite.png) no-repeat;

}

.content_middle .btnRight{

	opacity: 0.5;

	right:80px;

	background: url(sprite.png) no-repeat -60px 0;

}

.content_middle ul li{

	width:100%;

	height:600px;

	opacity: 0;

	filter: alpha(opacity=0);

	position: absolute;

	margin:0px auto;

}

.content_middle .table{

	width:252px;

	height:4px;

	position: absolute;

	bottom:30px;

	left:50%;

	z-index:9;

	margin-left:-126px;

}

.content_middle .table a{

    width:80px;

    height:4px;

    background:#E3DEE1;

    opacity: 0.8;

    text-align:center;

    margin-left:4px;

    display: block;

    float:left;

}

.content_middle .table a.small_active{

	/* background:#FF6600; */
	background-color: #FF0000;

	color: #fff;



}

.interaction-box {

	width:100%;

	min-width: 1264px;

	background: #f6f6f6;

	min-height: 572px;

}

.interaction-tab {

	background: white;

	height: 100px;

	text-align: center;

	box-shadow: 0 0 3px #797d80;

}

.interaction-tab ul {

	width: 1000px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	padding: 0;

}

.interaction-tab ul li {

	display: table;

	width: 198px;

	height: 100px;

	float: left;

	font-size: 1.2em;

	cursor: pointer;

}

.interaction-tab ul li .cell {

	width: 100%;

	display: table-cell;

	color: #808080;

	vertical-align: middle;

}

.interaction-tab ul li .cell .icon40 {

	width: 40px;

	height: 40px;

	display: inline-block;

	vertical-align: middle;

}

.i-zh {

	background: url(i-zh.png) no-repeat ;

}

.i-air {

	background: url(i-zh.png) no-repeat ;

}

.i-icbox {

	background: url(i-zh.png) no-repeat ;

}

.i-leng {

	background: url(i-zh.png) no-repeat ;

}

.i-rey {

	background: url(i-zh.png) no-repeat ;

}

.i-fung {

	background: url(i-zh.png) no-repeat ;

}

.interaction-tab ul li .cell span {

	display: inline-block;

	width: 100%;

	text-align: center;

}

.interaction-tab ul li.cur {

	/* background: #f6f6f6; */
	background: #fd3535;

	background-position: 0 -40px;

	/* border-top: 2px solid #FF0000; */

}

.interaction-tab ul li.cur .cell {

	/* color: #32beff; */
	color: #fff;

}

.interaction-tab ul li.cur i {

	background-position: 0 -40px;

}



.in-imges img {

	transform: scale(1);

	transition: all 0.5s ease 0s;

}

.in-imges:hover img {

	 transform: scale(1.05);

	 -ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	transition: all 0.5s ease 0s;

}

.interaction_content {

	width: 1250px;

	margin: 40px auto;

	min-height: 400px;

	zoom: 1;

	display: none;

}

/* content-1 */

.content-1 > div, .content-2 > div, .content-3 > div, .content-4 > div,  .content-5 > div{

	width: 190px;

	height: 190px;

	margin:0 75px 20px 0;

}

/* 公共样式 */

.content-1 > div:nth-child(5n), .content-2 > div:nth-child(4), .content-3 > div:nth-child(4)
,  .content-4 > div:nth-child(4),  .content-5 > div:nth-child(4){
	margin-right: 0;
}

.interaction_content.content-1 > div:nth-child(n+6){

	margin-bottom: 0;

}

.interaction_content.cur {

	display: block;

}

.pure-1-o {

	float: left;

	width: 400px;

	height: 400px;

	margin-right: 20px;

	overflow: hidden;

}

.pure-2-o {

	float: left;

	width: 825px;

	height: 400px;

	background: #fff;

	border: 1px solid #e5e5e5;

	margin-right: 23px;

	overflow: hidden;

}

.pure-2-o .fl-bon {

	float: left;

	width: 400px;

	height: 400px;

	overflow: hidden;

}

.pure-2-o .fl-bon img {

	width: 100%;

}

.pure-2-o .fr-bdiv {

	text-align: left;

	float: right;

	width: 400px;

	margin-top: 140px;

	overflow: hidden;

}

.pure-2-o .fr-bdiv h2 {

	font-size: 36px;

	line-height: 56px;

	letter-spacing: 2px;

	margin-bottom: 14px;

}

.pure-2-o .fr-bdiv p {

	letter-spacing: 2px;

	color: #999;

	font-size: 18px;

	margin-left: 8px;

	overflow: hidden;

}

.pure-3-o {

	width: 187.5px;

	height: 187.5px;

	float: left;

	margin-right: 25px;

	overflow: hidden;

	background: #fff;

	border: 1px solid #e5e5e5;

}

.pure-1-o img {

	width: 100%;

}

.pure-1-o .pure-u-1 {

	width: 400px;

	height: 187.5px;

	overflow: hidden;

}

.pure-1-o .pure-u-1 .pure-u-1-as {

	float: left;

	width: 187.5px;

	height: 187.5px;

	overflow: hidden;

}



.banner-focusbox {

	width: 100%;

	min-width: 1264px;

	overflow: hidden;

}

.focusbox *{margin:0;padding:0;list-style-type:none;}

.focusbox a,img{border:0;}

.focusbox{width:1250px;height:600px;position:relative;margin:8px auto 60px auto;overflow:hidden; /* background: #e5e5e5; */}

.arrowbtn{background:#ddd;width:60px;height:60px;cursor:pointer;position:absolute;top:100px;}

.prebtn{left:0;}

.nextbtn{right:0;}

.contentimg{position:absolute;top:0;left:0;width:7000px;}

.contentimg li{width:1250px;height:460px;float:left;margin-right:10px;overflow:hidden;}

.contentimg li img{width:1250px;height:460px;}

.contentdesc{

	position:absolute;top:0;right:0;width:282px;height:460px;background:rgba(0,0,0,0.7);overflow:hidden;

	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');

}

.contentdesc .desc{color:#dadada;}

.contentdesc .desc h4{font-size:15px;font-weight:bold;color:#fff;}

.contentdesc .desc strong{color:#e4007f;}

.contentdesc .desc .def_ico{display:inline-block;*display:inline;zoom:1;width:68px;height:18px;overflow:hidden;background:url(300.png) no-repeat -112px -129px;vertical-align:middle;}

.contentdesc .desc .stars{display:inline-block;width:53px;height:10px;background:url(aa.png) no-repeat;}

.contentdesc .desc_btn{display:block;width:119px;height:38px;background:url(input-bn.png) no-repeat;margin-top:12px;}

.contentdesc li{width:262px;height:460px;padding:20px 0 0 20px;}

.focusbox .navbox{width:1250px;overflow:hidden;position:absolute;bottom:0;}

.focusbox .navbox .mfoc_nav {

	background: #fff;

	cursor: pointer;

	margin: 0 65px;

	margin-bottom: 40px;

	overflow: hidden;

	box-shadow: 0 2px 0 #8d9296;

}

.focusbox .navbox li{width:280px;height:100px;overflow:hidden;float:left;}
.focusbox .navbox li.selected{width:280px;height:100px;/* border-bottom:2px solid #bd0707; */background-color:#fd3535;}

.focusbox .navbox li:nth-child(1){
    background-image: url(mapicon1.png);
}
.focusbox .navbox li:nth-child(2){
    background-image: url(mapicon2.png);
}
.focusbox .navbox li:nth-child(3){
    background-image: url(mapicon3.png);
}
.focusbox .navbox li:nth-child(4){
    background-image: url(mapicon4.png);
}
.focusbox .navbox li.li1.selected{
    background-image: url(mapicon1-1.png);
}
.focusbox .navbox li.li2.selected{
    background-image: url(mapicon2-1.png);
}
.focusbox .navbox li.li3.selected{
    background-image: url(mapicon3-1.png);
}
.focusbox .navbox li.li4.selected{
    background-image: url(mapicon4-1.png);
}


.focusbox .navbox li img{width:280px;height:100px;}



.focusbox .navbox li.selected img{width:280px;height:100px;}



.tdk-color {

	width: 100%;

	min-width: 1264px;

	background: #f6f6f6;

}

.product1{

	margin-bottom:10px;

	width:1264px;

	margin:0 auto;

}

.p_t_bt1 h2{

	width: 100%;

	color:#ff0000;

	font-size:30px;

	text-align: center;

	font-family:"微软雅黑";

	line-height: 48px;

	padding-bottom:40px;

	font-weight: normal;

}

.p_t_bt1 h2 a{

	color:#333;

}

.p_t_bt1 h2:hover a{

	color:#ff0000;

	text-decoration: underline;

}

.p_con1{

	overflow: hidden;

}

.p_con1 li{

	float:left;

	margin:0 10px 40px 10px;

}

.p_con1 li div {

	width: 294px;

	height: 262px;

	border: 1px solid #CCCCCC;

	background: #fff;

	overflow: hidden;

}

.p_con1 img{ width: 100%; height:100%; display: inline-block;}

.p_con1 p{ clear:both; line-height:24px; text-align: center; margin-top: 14px; font-size: 16px; letter-spacing: 0.5px;}





.index-newsbox, .product-ptbox, .wbsmBox {

	width: 100%;

	min-width: 1264px;

	overflow: hidden;

}

.index-news {

	width: 1250px;

	padding: 60px 0 40px 0;

	margin: auto;

	overflow: hidden;

}

.news{float:left; overflow: hidden; }

.n_title,.o_title{ overflow: hidden;}

.n_title h3,.o_title h3{ color:#333; font-size:24px; font-family:"微软雅黑"; font-weight: normal; text-align: left;}

.n_con,.o_con{ overflow: hidden;}

.news .n_c_left{ float:left; text-align:left; border-right: dashed 1px #e5e5e5; margin-right: 38px; padding-right:38px;}

.news .n_c_left li{

	clear:both;

	padding-top:30px;

	overflow: hidden;

}

.news .n_c_left li div {

	float: left;

	overflow: hidden;

}

.news .n_c_left li .in-imges {

	width: 300px;

	height: 165px;

	margin-right: 30px;

}

.news .n_c_left img{

	width: 100%;

}



.news .n_c_left li .con-text {

	width: 380px;

}

.news .n_c_left li b {

	font-size: 18px;

	font-weight: normal;

	cursor: pointer;

}

.news .n_c_left li b a {

	color: #666;

	font-weight: 600;

	text-decoration: none;

}

.news .n_c_left li b a:hover {

	color: #ff0000;



}

.news .n_c_left p{

	line-height:28px;

	overflow: hidden;

	margin-top: 14px;

}

.other{ width: 457px;  float:right;overflow: hidden;}

.other .other-banner {

	width: 457px;

	height: 228px;

	margin: 30px 0 20px 0;

	overflow: hidden;

}

.other .other-banner img {

	width: 100%;

	overflow: hidden;

}

.other .o_con{ text-align:left;}

.other .o_con li{ line-height:56px; border-bottom: dashed 1px #e5e5e5; font-size: 14px;}

.other .o_con li span{ float: right; }



.product-pt {

	width: 1250px;

	margin: auto;

	overflow: hidden;

}

.product-pt .p_t_bt h3 {

	color: #333;

	font-size: 24px;

	font-weight: normal;

	padding: 20px 0 30px 0;

	text-align: left;

}

.product-pt ul {

	overflow: hidden;

}

.product-pt ul li {

	width: 311px;

	padding: 10px 0;

	float: left;

	border: 1px solid #e5e5e5;

	overflow: hidden;

	border-right: none;

}

.product-pt ul li:last-child{

	border-right: 1px solid #e5e5e5;

}



.wbsm {

	width: 1250px;

	margin: auto;

	padding: 30px 0;

	overflow: hidden;



}

.wbsm ul li {

	width: 216px;

	height: 110px;

	text-align: left;

	overflow: hidden;

	padding-right: 42px;

	float: left;

}

.wbsm li .w-tit {

	width: 100%;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	color: #666;

	letter-spacing: 1px;

	overflow: hidden;

}

.wbsm li .w-font {

	width: 100%;

	height: 80px;

	line-height: 24px;

	font-size: 12px;

	color: #b3b3b3;

	overflow: hidden;

}



.side{

	position:absolute;

	width:54px;

	height:110px;

	right:0;

	top:50%;

	margin-top:-55px;

	z-index:1000;

}

.side ul li{

	width:54px;

	height:54px;

	float:left;

	position:relative;

}

.side ul li.weixinBox {

	margin-top: 2px;

}

.side ul li .sidebox{

	position:absolute;

	width:54px;

	height:54px;

	top:0;

	right:0;

	transition:all 0.3s;

	background:#fff;

	/*opacity:0.8;*/

	/*filter:Alpha(opacity=80);*/

	color:#000;

	font:14px/54px "微软雅黑";

	overflow:hidden;

}

.side ul li .sidetop{

	width:54px;

	height:54px;

	line-height:54px;

	display:inline-block;

	background:#fff;

	/*opacity:0.8;*/

	/*filter:Alpha(opacity=80);*/

	transition:all 0.3s;

}

.side ul li .sidetop:hover{

	/*background:#ff0000;*/

	/*opacity:1;*/

	/*filter:Alpha(opacity=100);*/

}

.side ul li img{float:left;}



.weixin {

	width: 500px;

    height: 480px;

    float: left;

    position: fixed;

    left: 50%;

    margin-left: -220px;

    margin-top: -240px;

    top: 50%;

    opacity: 1;

    overflow: hidden;

    z-index: 9999930;

}

.weixin .con {

    width: 400px;

    height: 440px;

    float: left;

    padding: 20px;

    background-color: #fff;

    color: #676C72;

    display: block;

}

.weixin .tit {

    width: 100%;

    font-size: 26px;

    text-align: center;

    line-height: 30px;

    height: 30px;

    padding-bottom: 30px;

    margin-bottom: 10px;

    border-bottom: 1px dashed #E1E1E1;

}

.weixin p {

    width: 400px;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    padding-bottom: 20px;

}

.weixin img {

    width: 296px;

    height: 296px;

    float: left;

    margin-left: 52px;

}

.weixinBox {

	cursor: pointer;

}

.weixin .close {

    width: 60px;

    height: 60px;

    float: left;

    background-image: url(weixin-icon.png);

    cursor: pointer;

}

.mask {

    width: 100%;

    height: 100%;

    position: fixed;

    display: none;

    top: 0;

    left: 0;

    background-color: #000;

    opacity: 0.6;

    filter: alpha(opacity=60);

    z-index: 9999900;

    _width: 0;

    _height: 0;

    float: left;

}



.clt-o-box {

	width: 700px;

	margin-left: -320px;

}

.clt-o-box .wid-o-ind {

	width: 590px;

	padding: 20px;

}

.clt-index li {

	padding: 20px 0;

	height: 50px;

	overflow: hidden;

}

.clt-index li span {

	float: left;

	width: 50px;

	height: 50px;

	margin-left: 10px;

	background: url(qq.png);

	overflow: hidden;

}

.clt-index li a {

	float: left;

	line-height: 50px;

	font-size: 16px;

}

.clt-index li div {

	width: 193px;

	float: left;

	line-height: 50px;

	font-size: 16px;

	overflow: hidden;

}

.clt-index li div i {

	width: 50px;

	height: 50px;

	margin: 0 10px 0 20px;

	float: left;

	overflow: hidden;

}

.clt-index li .icon-mailbox i {

	background: url(icon-mailbox.png) no-repeat;

}

.clt-index li .icon-photo i {

	background: url(icon-photo.png) no-repeat;

}

